<script lang="ts" setup>
// import { useI18n } from 'vue-i18n';
import LoginButton from '../LoginButton.vue';
import ThemeSwitcher from '../ThemeSwitcher.vue';
import LangSwitcher from '../LangSwitcher.vue';

// const { t } = useI18n();
</script>
<template>
  <nav class="w-full h-full flex flex-row justify-center items-center px-5">
    <div class="flex flex-row justify-between items-center">
      <router-link to="/" class="flex justify-center items-center mr-4">
        Home
      </router-link>
      <router-link to="/pricing" class="flex justify-center items-center mr-4">
        Pricing
      </router-link>
    </div>
    <div class="flex flex-row justify-between items-center ml-auto">
      <LangSwitcher />
      <ThemeSwitcher class="mx-5" />
      <LoginButton />
    </div>
  </nav>
</template>
<style lang="scss" scoped></style>
